<template>
  <div>
    <el-container>
      <el-container>
        <el-aside width="180px">
          <el-menu
            default-active="/home/studentadmintion/xueyuanzi"
            class="el-menu-vertical-demo"
          >
            <el-menu-item index="2" @click="$router.push('/home/studentadmintion/xueyuanzi')">
              <i class="el-icon-menu"></i>
              <span slot="title">学员管理</span>
            </el-menu-item>
            <el-menu-item index="3" @click="$router.push('/home/studentadmintion/studentimgs')">
              <i class="el-icon-document"></i>
              <span slot="title">学员图片</span>
            </el-menu-item>
            <el-menu-item index="3" @click="$router.push('/home/studentadmintion/zhujiao')">
              <i class="el-icon-setting"></i>
              <span slot="title">学员视频</span>
            </el-menu-item> 
          </el-menu>
        </el-aside>
        <router-view />
      </el-container>
    </el-container>
  </div>
</template>

<script>
// import xuezi from "./xueyuanzi";
export default {
  data() {
    return {};
  },
  // components: {
  //   xuezi
  // },
  created() {},
  mounted() {},
  methods: {}
};
</script>
<style scoped lang="scss">
// h1{
//     margin-top: 100px;
// }
.el-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.el-aside {
  height: 100%;
  border-right: 1px solid #ccc;
}
.list {
  list-style: none;
  margin-top: 16px;
  .active {
    color: #2d8cf0;
  }
  li {
    margin-bottom: 30px;
  }
  li:hover {
    color: #bfcbd8;
  }
}

.el-container {
  box-sizing: border-box;
  height: 564px;
}
</style>
